<body>
    <!-- 实现B站智能防挡弹幕的效果 -->
    <div class="video">
        <img src="./video.jpg">
    </div>
    <div class="danmu">
        模拟弹幕：
        哔哩哔哩（NASDAQ:BILI；HKEX:9626 [154] ），英文名称：bilibili，该网站于2009年6月26日创建，被网友们亲切地称为“B站” [1-2]。2018年3月28日，哔哩哔哩在美国纳斯达克上市。2021年3月29日，哔哩哔哩正式在香港二次上市 [141] 。
        B站早期是一个ACG（动画、漫画、游戏）内容创作与分享的视频网站。 [4] 经过十年多的发展，围绕用户、创作者和内容，构建了一个源源不断产生优质内容的生态系统，B站已经涵盖7000多个兴趣圈层的多元文化社区，曾获得QuestMobile研究院评选的“Z世代偏爱APP”和“Z世代偏爱泛娱乐APP”两项榜单第一名并入选“BrandZ”报告2019最具价值中国品牌100强 [2] [5] 。
        2022年2月，哔哩哔哩直播将上线开播前人脸认证功能，确保开播人与实名认证者一致，后续逐步在各个分区开放 [173] 。9月29日，港交所官网显示，哔哩哔哩在香港联交所由第二上市转为主要上市，将于10月3日正式生效 [213] 。
    </div>
</body>

<style>
    .video {
        width: 668px;
        height: 422px;
        overflow: hidden;
    }

   .video img {
        width: 100%;
    }

   .danmu {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 668px;
        height: 377px;
        mask-image: url(./mask.svg);
        -webkit-mask-image: url(./mask.svg);

        font-size: 18px;
        font-weight: 600;
        color: #fff;
        line-height: 1.5;
    }
</style>
